<template>
  <div class="con">
    <div class="contbox6_10">
      <p class="titlelist6_10">配置</p>
      <div class="content">
        <div style="margin-left: 20px">
          <div class="header">
            <div class="list">
              <div class="listTitle">菜单名称：</div>
              <el-input v-model="input" disabled placeholder="请输入内容"></el-input>
            </div>
            <div class="list">
              <div class="listTitle">业务标识：</div>
              <el-input v-model="input" disabled placeholder="请输入内容"></el-input>
            </div>
            <div class="list">
              <div class="listTitle">信用卡业务：</div>
              <el-input v-model="input" disabled placeholder="请输入内容"></el-input>
            </div>
          </div>

          <div>
            <el-button
              type="primary"
              style="margin-left: 40px; margin-top: 30px"
              class="butt"
              @click="addUrl"
              size="mini"
              icon="el-icon-plus"
              >添加公告</el-button
            >
            <el-table
              ref="multipleTable"
              :data="tableData"
              tooltip-effect="dark"
              :header-cell-style="{ background: '#F9FAFC', color: '#222' }"
              stripe
              border
              :row-style="{ height: '0px' }"
              :cell-style="{ padding: '0px' }"
              style="margin-top: 20px"
              @selection-change="handleSelectionChange"
            >
              <el-table-column
                prop="officeName"
                show-overflow-tooltip
                label="推广名称"
                min-width="200"
              ></el-table-column>
              <el-table-column
                prop="oemName"
                show-overflow-tooltip
                label="业务品牌"
                min-width="200"
              ></el-table-column>
              <el-table-column
                prop="busName"
                show-overflow-tooltip
                label="是否支持分享"
                min-width="200"
              ></el-table-column>
              <el-table-column
                prop="brandChannelName"
                show-overflow-tooltip
                label="状态"
                min-width="200"
              ></el-table-column>
              <el-table-column
                min-width="190"
                label="操作"
                show-overflow-tooltip
              >
                <template slot-scope="scope">
                  <el-button
                    type="text"
                    size="mini"
                    v-if="jurisdiction != 2"
                    @click="checks(scope.row)"
                    >修改</el-button
                  >
                  <el-button
                    type="text"
                    size="mini"
                    v-if="isAuth('vipDetails')"
                    @click="check(scope.row)"
                    >上移</el-button
                  >
                  <el-button
                    type="text"
                    size="mini"
                    v-if="isAuth('vipDetails')"
                    @click="check(scope.row)"
                    >下移</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </div>
        </div>
        <!-- 添加推广链接弹框 -->
        <el-dialog
          title="推广链接"
          :visible.sync="dialogVisible"
          width="500px"
          :before-close="handleClose"
        >
          <div>
            <el-form
              :label-position="labelPosition"
              label-width="120px"
              :model="formLabelAlign"
            >
              <el-form-item label="公告名称">
                  <el-input v-model="input" placeholder="请输入内容"></el-input>
              </el-form-item>
              <el-form-item label="公告内容">
                  <el-input v-model="input" type="textarea" :rows="10" style="width:100%" placeholder="请输入内容"></el-input>
              </el-form-item>
            </el-form>
            <div style="clear: both"></div>
          </div>
          <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="dialogVisible = false"
              >确 定</el-button
            >
          </span>
        </el-dialog>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      //控制图片弹框
      dialogVisible1: false,
      // 上传图片地址
      httpurl: this.GLOBAL.httpurl,
      //   推荐图片
      dialogImageUrl: "",
      dialogVisible: false,
      //   弹框里面的填写
      formLabelAlign: [],
      tableData: [
        {
          officeName: "123",
        },
      ],
    };
  },
  methods: {
    // 添加推广按钮点击弹框
    addUrl() {
        this.dialogVisible = true
    },
    // handleClose1s() {
    //   this.dialogVisible1 = false;
    // },
    // =================
  },
};
</script>

<style scoped>
.list {
  display: flex;
  align-items: center;
  margin-right: 50px;
}
.header {
  display: flex;
  margin-top: 30px;
}
/deep/ .el-upload-list__item {
  transition: none !important;
}
</style>